{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>运维平台</title>
{#        <link rel="stylesheet" href="{% static 'css/layui.css' %}">#}
        <link rel="stylesheet" href="{% static 'css/buttons.css' %}">
        <link rel="stylesheet" href="{% static "css/swiper-3.4.2.min.css" %}">
        <link rel="stylesheet" href="{% static "css/index.css" %}">

        <style>
            .left{
                width:136px;
                height:100%;
                float:left;
            }
            .right{
                overflow:hidden;
                height:100%;
            }
        </style>
    </head>
<body>

    <div style=" height:1100px;">
        <div class="left">
            <div style="height: 360px; width: 120px; position: fixed; top: 0; background: #fff;">
                <div class="swiper-container swiper-container-1 swiper-container-horizontal1">
                    <div id="swipercompany" class="swiper-wrapper">
                    </div>
                </div>
            </div>
            <div style="height: 100px; width: 120px; position: fixed; left: 25px; top: 390px;">
                <a href="#" class="button button-glow button-border button-rounded button-caution button-my" onclick="buttonclick(2);return false;"><span>年</span></a>
                <a href="#" class="button button-glow button-border button-rounded button-highlight button-my" onclick="buttonclick(1);return false;">月</a>
                <a href="#" class="button button-glow button-raised button-rounded button-primary button-my" onclick="buttonclick(0);return false;">周</a>
{#                <div><button class="echart-data-select" value=2>年</button></div>#}
{#                <div><button class="echart-data-select" value=1>月</button></div>#}
{#                <div><button class="echart-data-select" value=0>周</button></div>#}
            </div>
        </div>
        <div class="right">
            <div style="width: 100%;height: 100%;">
                <div class="echart-one-sum">
                    <div id="sumbar" class="echart-one-sum-bar"></div>
                    <div id="sumpie" class="echart-one-sum-pie"></div>
                </div>
                <div class="echart-title-two"></div>
                <div class="echart-three-edun">
                    <div id="threebar" class="echart-tow-edun-line"></div>
                </div>
                <div class="echart-tow-edun">
{#                    <div class="tow-edun-title">#}
{#                        <div class="tow-edun-title1"><span>臻E盾用户数/布撤防量</span></div>#}
{#                    </div>#}
                    <div id="edunline" class="echart-tow-edun-line"></div>
                </div>
                <div class="echart-four-edun">
                    <div id="fourbar" class="echart-tow-edun-line">
                    </div>
                </div>

            </div>
        </div>

    </div>
    <script src="{% static 'jquery-1.10.1.min.js' %}"></script>
    <script src="{% static 'js/swiper-3.4.2.jquery.min.js' %}"></script>
    <script src="{% static 'js/echarts.js' %}"></script>
    <script src="{% static 'layer/layer.js' %}"></script>
    <script src="{% static 'js/buttons.js' %}"></script>
    <script>
        var janename = {{ jane_name| safe }};
{#        var data3 = {{ inc_data|safe }};#}
{#        var newdata = {{ inc_amp|safe }};#}
{#        var data4 = {{ org_data|safe }};#}
{#        var newdata2 = {{ org_amp|safe }};#}
    </script>
    <script src="{% static 'js/alldata/userchart.js' %}"></script>
</body>
</html>